@import "../../../stylesheet/mixin.scss";
@import "../../../stylesheet/default.scss";

$prefix: m-citationTypeOne;

.#{$prefix} {
	@include box(100%, 100%);
	margin-bottom: 25px;
  position: relative;
  div {
    position: relative;
    background-position: 0 100%;
    margin-top: 15px;
		background-size: 400% 100%;
		background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  }

	.#{$prefix}-animate{
		@include animation(m-citationTypeOne 2s linear infinite);
	}

  div:nth-child(1) {
    margin-top: 30px;
    width: 50%;
    height: 20px;
  }
  div:nth-child(2) {
    margin-top: 25px;
    width: 100%;
    height: 20px;
  }
  div:nth-child(3) {
    width: 100%;
    height: 20px;
  }
  div:nth-child(4) {
    width: 100%;
    height: 20px;
  }
}

@keyframes m-citationTypeOne {
  from {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
